<template>
	<view class="dialog-mask" :class="{show:value}" :style="{zIndex:zIndex}">
		<view class="box">
			<view class="real-icon">
				<image class="img" src="/static/logo.png" mode="aspectFit"></image>
			</view>
			<!-- <view class="u-text-center text-bold u-font-36 u-m-t-4">
				长点长点吧
			</view> -->
			<view class="u-font-28 text-gray u-m-t-20">
				为了营造良好的社交环境，平台鼓励大家发布真实、高效、优质的合作信息，聊天室每次发言不能低于20个字，请勿发布违法违规项目，发现后会给予永久封号处理，且不退还任何会员时长等费用，严重者平台会将您的违法行为上报到网安警务室，全力将针针App建设成健康的网络社交平台，大家一起努力推动整个行业高质量发展。
			</view>
			<!-- <view class="u-font-28 u-text-center text-gray">
				请您完成联网实名认证后使用
			</view> -->
			<view class="btn bg-theme" @tap="close">
				知道了
			</view>
		</view>
		<!-- <view class="close iconfont icon-fail" @tap="close">
			
		</view> -->
	</view>
</template>

<script>
	export default{
		props:{
			value:{
				type:Boolean,
				default:false
			},
			zIndex:{
				type:Number,
				default:500
			}
		},
		methods:{
			close(){
				this.$emit('close');
				this.$emit('input', false);
			},
			async toRealPage(){
				if(this.toRealPage.lock){
					return
				}
				try{
					this.toRealPage.lock = true
					const {realName,idCard}= await getRealResult()
					this.close()
					if(realName&&idCard){
						jumpTo('/pages/certificate/result')
					}else{
						jumpTo('/pages/certificate/personal')
					}
				}finally{
					this.toRealPage.lock = false
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.dialog-mask{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba($color:#999999, $alpha:0.3);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		opacity: 0;
		transform: translateY(200%);
		&.show{
			opacity: 1;
			transform: translateY(0%);
			.box{
				transform: scale(1);
			}
		}
		.box{
			width: 600rpx;
			background-color: #ffffff;
			color:#333333;
			border-radius: 30rpx;
			padding: 40rpx;
			transform: scale(0.1);
			transition: all 300ms ease-out;
		}
		.real-icon{
			
			text-align: center;
			.img{
				width: 160rpx;
				height: 160rpx;
				border-radius: 10%;
			}
		}
		.btn{
			display: flex;
			justify-content: center;
			margin-top: 60rpx;
			padding: 20rpx;
			font-size: 32rpx;
			border-radius: 20rpx;
			font-weight: bold;
		}
		.close{
			font-size: 100rpx;
			margin-top: 40rpx;
			color: #ffffff;
			text-shadow: 0 0 30rpx rgba($color:#000000, $alpha:0.5);
		}
	}
</style>